﻿
@{
    ViewBag.Title = "EmployeePageList";
    Layout = "~/Views/Shared/_LayoutMain.cshtml";
}
@section css{
    <link rel="stylesheet" href="~/assets/portal/assets/css/common.css" />
    <link rel="stylesheet" href="~/bussiness/js/base/reset.css" />
    <style>
        .ooo table {
            width: 100%;
            border-collapse: collapse; /*关键代码*/
            border-spacing: 0;
        }

        .ant-select-arrow, .ant-select-clear {
            position: absolute;
            right: 10px;
        }

        .ant-collapse-header-text {
            color: #fff
        }

        .ant-collapse-header svg path, .ant-collapse-header svg rect {
            fill: #fff
        }



        .ooo td {
            border-bottom: 1px solid #333;
            border-right: 1px solid #333;
            text-align: center
        }

        .iTitle {
            font-weight: 600;
            font-size: 16px;
            display: flex;
            width: 100%;
            align-items: center;
            margin-left: 20px;
        }
         .iTitle::before {
                content: "";
                margin-right: 10px;
                display: inline-block;
                width: 4px;
                height: 20px;
                background: #0064e5;
            }
    </style>
}
<div id="PerformanceResultDetail" class="font-['SourceHanSansSC']">
    <a-style-provider hash-priority="high">
        <a-config-provider :locale="vlocale">
            <a-image :width="200"
                     :style="{ display: 'none',zIndex:100 }"
                     :preview="{visible:PerformanceResultDetailParams.previewShow.value,onVisibleChange:PerformanceResultDetailParams.setVisible}" :src="PerformanceResultDetailParams.imgUrl.value"></a-image>
            <m-pdf-pop-model></m-pdf-pop-model>
            <a-modal v-model:open="PerformanceResultDetailParams.fileOpen.value" width="60%" title="附件详情" v-on:ok="PerformanceResultDetailParams.fileOpen.value=false">
                <div style="padding:30px;box-sizing:border-box">
                    <template v-if="PerformanceResultDetailParams.chooseFiles.value&&PerformanceResultDetailParams.chooseFiles.value.length!=0">
                        <div v-for="e in PerformanceResultDetailParams.chooseFiles.value" style="cursor:pointer; display:flex;margin:10px 0;font-size:15px; align-items:center;width:100%;justify-content:space-between">
                            {{e.name}} <div style="display:flex; align-items:center">
                                <a-space>
                                    <img v-show="e.isImage" style="width: 20px; height: 22px" src="~/Bussiness/img/svg/preview.svg" v-on:click="PerformanceResultDetailParams.btnPreview(e.uid)" />
                                    <img style="width: 20px; height: 22px " v-on:click="PerformanceResultDetailParams.btnDownLoad(e.uid) " src="~/Bussiness/img/svg/download.svg" />
                                    <img style="width: 20px; height: 22px " v-if="e.isDelete" v-on:click="PerformanceResultDetailParams.btnDelete(e.uid)" src="~/Bussiness/img/svg/delete.svg" />
                                </a-space>
                            </div>
                        </div>
                    </template>
                    <template v-else>
                        暂无附件
                    </template>
                </div>
            </a-modal>

            <header class="px-5 box-border">

                <div class="flex items-center">
                    <div class="w-full h-[48px] text-[13px]  rounded-lg mx-auto my-[10px]  bg-white  text-[#888888] text-3xl flex items-center px-10">   <div class="w-22 h-22 bg-blue-200 mr-5"> <img class="w-full h-full cursor-pointer" v-on:click="PerformanceResultDetailParams.onBack()" src="~/Assets/nimgs/exit.png" alt="返回" /></div> <span class="text-[]">首页<span class="mx-2">/</span>履职考核<span class="mx-2">/</span><span class="text-[#424758] text-[15px]">结果查询详情</span> </span>  </div>
                </div>

                <div class=" w-full">

                    <a-collapse class="w-full" expand-icon-position="end" v-model:active-key="PerformanceResultDetailParams.activeKey.value">
                        <a-collapse-panel key="0" header="年度考评信息" style="background: #0064e5;color:#fff">

                            <a-spin :spinning="PerformanceResultDetailParams.uploadLock.value" tip="加载中，请耐心等待..." />
                            <a-form :model="PerformanceResultDetailParams.form.value"
                                    name="basic"
                                    :label-col="{ span: 4 }"
                                    :wrapper-col="{ span: 20 }"
                                    autocomplete="off">

                                <div class="mt-10">

                                    <a-row>

                                        <a-col :span="10">
                                            <a-form-item label="填报日期">
                                                <a-input placeholder="暂无数据" style="width:400px" disabled :value="`${PerformanceResultDetailParams.listInfo.value.UpdateTime||''}`" />
                                            </a-form-item>
                                        </a-col>
                                        <a-col :span="2"></a-col>
                                        <a-col :span="10">
                                            <a-form-item label="考评总分">
                                                <a-input placeholder="暂无数据" style="width:400px" disabled :value="`${ PerformanceResultDetailParams.totalAmount.value}`" />
                                            </a-form-item>
                                        </a-col>

                                    </a-row>
                                    <a-row>

                                        <a-col :span="10">

                                            <a-form-item label="提交部门">
                                                <a-input placeholder="暂无数据" style="width:400px" disabled :value="PerformanceResultDetailParams.listInfo.value.DepartmentName" />
                                            </a-form-item>
                                        </a-col>
                                        <a-col :span="2"></a-col>
                                        <a-col v-if="PerformanceResultDetailParams.urlParams.value.did==20" :span="10">
                                            <a-form-item label="考评人">
                                                <a-input placeholder="暂无数据" style="width:400px" disabled :value="PerformanceResultDetailParams.listInfo.value.EvalutionUserList" />
                                            </a-form-item>

                                        </a-col>

                                    </a-row>
                                    <a-row>

                                        <a-col :span="10">

                                            <a-form-item label="提交人">
                                                <a-input placeholder="暂无数据" style="width:400px" disabled :value="PerformanceResultDetailParams.listInfo.value.UserName" />
                                            </a-form-item>
                                        </a-col>
                                        <a-col :span="2"></a-col>
                                        <a-col :span="10">


                                        </a-col>

                                    </a-row>


                                </div>
                            </a-form>





                            <div id="alltable" :style="{
        fontSize: PerformanceResultDetailParams.autoSaveParams.value.size + 'px!important'
                   }" style="position: absolute; color:#000!important; left: -99999px; min-height: 100%; width: 100%">
                        @*<div id="alltable" :style="{
                                              fontSize: PerformanceResultDetailParams.autoSaveParams.value.size + 'px!important'
                                                         }">*@
                            <div :style="{
                                              fontSize: PerformanceResultDetailParams.autoSaveParams.value.size+4 + 'px!important'
                                                         }"
                                 style="width: 100%; text-align: center;margin-bottom:20px;font-weight:bolder">
                                {{  PerformanceResultDetailParams.listInfo.value.PlanNoticeName }}
                            </div>
                            <div id="2222" v-if="PerformanceResultDetailParams.lists.value[0]&&PerformanceResultDetailParams.lists.value[0].NodeList&&PerformanceResultDetailParams.lists.value[0].NodeList.length!=0" class="ooo  w-full  bg-white">

                                <div style="border-top: 1px solid #333;  border-left: 1px solid #333; color:#000;">
                                    <table v-for="(e,i) in PerformanceResultDetailParams.lists.value[0].NodeList">
                                        <tr style="text-align: center; font-size: 20px; border-bottom: 1px solid #333; border-right: 1px solid #333">
                                            <div :style="{
                                              fontSize: PerformanceResultDetailParams.autoSaveParams.value.size+4 + 'px!important'
                                                         }" style="text-align: center; border-right: 1px solid #333; padding-bottom: 20px; box-sizing: border-box ">通用部分报表考评明细</div>
                                        </tr>
                                        <tr v-if="i==0">
                                            <td class="h-[38px] max-w-[90px]" style="padding-bottom:20px;box-sizing:border-box">一级指标</td>
                                            <td>
                                                <table style="border:0px solid red">
                                                    <tr style="border:0px solid red">
                                                        <td class="w-[90px] h-[38px]" style="padding-bottom:20px;box-sizing:border-box">二级指标</td>
                                                        <td class="w-[600px] h-[38px]">
                                                            <div class="flex" style="height:100%">

                                                                <div style="height: 100%; width: 160px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; padding-bottom: 20px; box-sizing: border-box ">加分/扣分</div>
                                                                <div style="height: 100%; flex: 1; display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; padding-bottom: 20px; box-sizing: border-box ">考评情况/资料说明</div>
                                                                <div v-if="PerformanceResultDetailParams.urlParams.value.did==20" style="height: 100%; width: 200px; display: flex; padding-bottom: 20px; box-sizing: border-box align-items: center; justify-content: center; border-right: 1px solid #333; ">考评人</div>
                                                            </div>
                                                        </td>

                                                    </tr>
                                                </table>

                                            </td>

                                        </tr>
                                        <tr v-for="(es,ei) in e.NodeList">

                                            <td class="h-[38px] max-w-[90px]" v-if="ei==0" :rowspan="e.NodeList.length">{{e.No}}.{{e.CategoryName}} {{e.Score==0?null:`(${e.Score}分)`}}</td>
                                            <td class="calc(100% - 35px)">



                                                <template v-if='es.NodeList&&es.NodeList.length!=0'>
                                                    <table>
                                                        <tr v-for="(ess,iss) in es.NodeList">
                                                            <td class="w-[90px] h-[118px]" v-if="iss==0" :rowspan="es.NodeList.length">{{es.No}}.{{es.SubcategoryName}}{{es.Score==0?null:`(${es.Score}分)`}}</td>
                                                            <td class="w-[600px] h-[148px]">
                                                                <div class="flex" style="height: 100%;">



                                                                    <div style="width: 160px; border-right: 1px solid #333; position: relative; display: flex; align-items: center; justify-content: center; padding: 0 4px; padding-bottom: 20px; box-sizing: border-box; box-sizing: border-box ">
                                                                        <div style=" flex: 1; overflow: hidden;  display: flex; align-items: center; justify-content: center; padding: 0 4px; box-sizing: border-box ">
                                                                            <div style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;left:0">

                                                                                {{ess.ResultScore==0?0:ess.CalcType==0?`-${ess.ResultScore}分`:`+${ess.ResultScore}分`}}

                                                                            </div>
                                                                        </div>

                                                                    </div>




                                                                    <div style="flex: 1; border-right: 1px solid #333; position: relative; display: flex; align-items: center; justify-content: center; padding: 0 4px; padding-bottom: 20px; box-sizing: border-box; box-sizing: border-box ">
                                                                        <div style="display: flex; flex-direction: column; padding: 6px 2px;box-sizing:border-box; display : flex; align-items: center; box-sizing: border-box ">
                                                                            {{ess.ResultRemark}}

                                                                        </div>
                                                                    </div>


                                                                    <div v-if="PerformanceResultDetailParams.urlParams.value.did==20" style=" width: 200px; height: 100%; border-right: 1px solid #333; position: relative; display: flex; align-items: center; justify-content: center; padding: 0 4px; box-sizing: border-box ">
                                                                        <div style=" flex: 1; height: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; padding: 0 4px; padding-bottom: 20px; box-sizing: border-box; box-sizing: border-box ">
                                                                            {{ess.EvalutionName||'-'}}
                                                                        </div>

                                                                    </div>

                                                                </div>
                                                            </td>
                                                        </tr>

                                                    </table>
                                                </template>

                                            </td>
                                        </tr>
                                    </table>
                                </div>

                            </div>


                            <div id="2222" v-else class="ooo  w-full bg-white">
                                <div style="border-top: 1px solid #333;  border-left: 1px solid #333; color:#000;">
                                    <table>
                                        <tr style="text-align: center; font-size: 20px; border-bottom: 1px solid #333; border-right: 1px solid #333">
                                            <div :style="{
                                              fontSize: PerformanceResultDetailParams.autoSaveParams.value.size+4 + 'px!important'
                                                         }" style=" text-align: center; border-right: 1px solid #333; padding-bottom: 20px; box-sizing: border-box ">通用部分报表考评明细</div>
                                        </tr>
                                        <tr>
                                            <td style="width:120px;height:100px">无扣分项</td>

                                    </table>
                                </div>

                            </div>


                            <div id="3333" v-if="PerformanceResultDetailParams.lists.value[1]&&PerformanceResultDetailParams.lists.value[1].NodeList&&PerformanceResultDetailParams.lists.value[1].NodeList.length!=0" class="ooo  w-full bg-white">
                                <div style="border-top: 1px solid #333;  border-left: 1px solid #333; color:#000;">
                                    <table v-for="(e,i) in PerformanceResultDetailParams.lists.value[1].NodeList">
                                        <tr style="text-align: center; font-size: 20px; border-bottom: 1px solid #333; border-right: 1px solid #333">
                                            <div :style="{
                                              fontSize: PerformanceResultDetailParams.autoSaveParams.value.size+4 + 'px!important'
                                                         }" style=" text-align: center; border-right: 1px solid #333; padding-bottom: 20px; box-sizing: border-box; ">重点工作报表考评明细</div>
                                        </tr>
                                        <tr v-if="i==0">
                                            <td class="h-[38px] max-w-[90px]" style="padding-bottom:20px;box-sizing:border-box">一级指标</td>
                                            <td>
                                                <table style="border:0px solid red">
                                                    <tr style="border:0px solid red">
                                                        <td class="w-[90px] h-[38px]" style="padding-bottom: 20px; box-sizing: border-box ">二级指标</td>
                                                        <td class="w-[600px] h-[38px]">
                                                            <div class="flex" style="height:100%">

                                                                <div style="height: 100%; width: 160px; display: flex; align-items: center; padding-bottom: 20px; box-sizing: border-box;justify-content: center; border-right: 1px solid #333; ">加分/扣分</div>
                                                                <div style="height: 100%; flex: 1; display: flex; align-items: center; padding-bottom: 20px; box-sizing: border-box; justify-content: center; border-right: 1px solid #333; ">考评情况/资料说明</div>
                                                                <div v-if="PerformanceResultDetailParams.urlParams.value.did==20" style="height: 100%; padding-bottom: 20px; box-sizing: border-box; width: 200px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">考评人</div>
                                                            </div>
                                                        </td>

                                                    </tr>
                                                </table>

                                            </td>

                                        </tr>
                                        <tr v-for="(es,ei) in e.NodeList">

                                            <td  class="h-[38px] max-w-[90px]" v-if="ei==0" :rowspan="e.NodeList.length">{{e.No}}.{{e.CategoryName}} {{e.Score==0?null:`(${e.Score}分)`}}</td>
                                            <td class="calc(100% - 35px)">



                                                <template v-if='es.NodeList&&es.NodeList.length!=0'>
                                                    <table>
                                                        <tr v-for="(ess,iss) in es.NodeList">
                                                            <td class="w-[90px] h-[118px]" v-if="iss==0" :rowspan="es.NodeList.length">{{es.No}}.{{es.SubcategoryName}}{{es.Score==0?null:`(${es.Score}分)`}}</td>
                                                            <td class="w-[600px] h-[148px]">
                                                                <div class="flex" style="height: 100%;">


                                                                    <div style="width: 160px; border-right: 1px solid #333; position: relative; display: flex; align-items: center; justify-content: center; padding: 0 4px; padding-bottom: 20px; box-sizing: border-box; box-sizing: border-box ">
                                                                        <div style=" flex: 1; overflow: hidden;  display: flex; align-items: center; justify-content: center; padding: 0 4px; box-sizing: border-box ">
                                                                            <div style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;left:0">
                                                                                {{ess.ResultScore==0?0:ess.CalcType==0?`-${ess.ResultScore}分`:`+${ess.ResultScore}分`}}
                                                                            </div>
                                                                        </div>

                                                                    </div>




                                                                    <div style="flex: 1; border-right: 1px solid #333; position: relative; display: flex; align-items: center; justify-content: center; padding: 0 4px; padding-bottom: 20px; box-sizing: border-box; box-sizing: border-box ">
                                                                        {{ess.ResultRemark}}
                                                                    </div>


                                                                    <div v-if="PerformanceResultDetailParams.urlParams.value.did==20" style=" width: 200px; border-right: 1px solid #333; height: 100%; position: relative; display: flex; align-items: center; justify-content: center; padding: 0 4px; padding-bottom: 20px; box-sizing: border-box; box-sizing: border-box ">
                                                                        <div style=" flex: 1; overflow: hidden; display: flex; height: 100%; align-items: center; justify-content: center; padding: 0 4px; box-sizing: border-box ">
                                                                            {{ess.EvalutionName||'-'}}
                                                                        </div>

                                                                    </div>

                                                                </div>
                                                            </td>
                                                        </tr>

                                                    </table>
                                                </template>

                                            </td>
                                        </tr>
                                    </table>
                                </div>

                            </div>

                            <div id="3333" v-else class="ooo  w-full bg-white">
                                <div style="border-top: 1px solid #333;  border-left: 1px solid #333; color:#000;">
                                    <table>
                                        <tr style="text-align: center; font-size: 20px; border-bottom: 1px solid #333; border-right: 1px solid #333">
                                            <div :style="{
                                              fontSize: PerformanceResultDetailParams.autoSaveParams.value.size+4 + 'px!important'
                                                         }" style=" text-align: center; border-right: 1px solid #333; padding-bottom: 20px; box-sizing: border-box ">重点工作报表考评明细</div>
                                        </tr>
                                        <tr>
                                            <td style="width:120px;height:100px">无扣分项</td>

                                    </table>
                                </div>

                            </div>
                            <div id="4444" v-if="PerformanceResultDetailParams.lists.value[2]" class="ooo  w-full bg-white">

                                <div v-if="PerformanceResultDetailParams.lists.value[2].NodeList&&PerformanceResultDetailParams.lists.value[2].NodeList.length!=0">
                                    <div style="border-top: 1px solid #333;  border-left: 1px solid #333; color:#000;">
                                        <table v-for="(e,i) in PerformanceResultDetailParams.lists.value[2].NodeList">
                                            <tr style="text-align: center; font-size: 20px; border-bottom: 1px solid #333; border-right: 1px solid #333">
                                                <div :style="{
                                              fontSize: PerformanceResultDetailParams.autoSaveParams.value.size+4 + 'px!important'
                                                         }" style=" text-align: center; border-right: 1px solid #333; padding-bottom: 20px; box-sizing: border-box ">现场工作报表考评明细</div>
                                            </tr>
                                            <tr v-if="i==0">
                                                <td class="h-[38px] max-w-[90px]" style="padding-bottom:20px;box-sizing:border-box">一级指标</td>
                                                <td>
                                                    <table style="border:0px solid red">
                                                        <tr style="border:0px solid red">
                                                            <td class="w-[90px] h-[38px]" style="padding-bottom: 20px; box-sizing: border-box ">二级指标</td>
                                                            <td class="w-[600px] h-[38px]">
                                                                <div class="flex" style="height:100%">

                                                                    <div style="height: 100%; width: 160px; display: flex; padding-bottom: 20px; box-sizing: border-box ;align-items: center; justify-content: center; border-right: 1px solid #333; ">加分/扣分</div>
                                                                    <div style="height: 100%; flex: 1; display: flex; align-items: center; padding-bottom: 20px; box-sizing: border-box; justify-content: center; border-right: 1px solid #333; ">考评情况/资料说明</div>
                                                                    <div v-if="PerformanceResultDetailParams.urlParams.value.did==20" style="height: 100%; padding-bottom: 20px; box-sizing: border-box; width: 200px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">考评人</div>
                                                                </div>
                                                            </td>

                                                        </tr>
                                                    </table>

                                                </td>

                                            </tr>
                                            <tr v-for="(es,ei) in e.NodeList">

                                                <td  class="h-[38px] max-w-[90px]" v-if="ei==0" :rowspan="e.NodeList.length">{{e.No}}.{{e.CategoryName}} {{e.Score==0?null:`(${e.Score}分)`}}</td>
                                                <td class="calc(100% - 35px)">



                                                    <template v-if='es.NodeList&&es.NodeList.length!=0'>
                                                        <table>
                                                            <tr v-for="(ess,iss) in es.NodeList">
                                                                <td class="w-[90px] h-[118px]" v-if="iss==0" :rowspan="es.NodeList.length">{{es.No}}.{{es.SubcategoryName}}{{es.Score==0?null:`(${es.Score}分)`}}</td>
                                                                <td class="w-[600px] h-[148px]">
                                                                    <div class="flex" style="height: 100%;">


                                                                        <div style="width: 160px; border-right: 1px solid #333; position: relative;  display: flex; align-items: center; justify-content: center; padding: 0 4px; padding-bottom: 20px; box-sizing: border-box  ">
                                                                            <div style=" flex: 1; overflow: hidden;  display: flex; align-items: center; justify-content: center; padding: 0 4px; box-sizing: border-box ">
                                                                                <div style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;left:0">

                                                                                    {{ess.ResultScore==0?0:ess.CalcType==0?`-${ess.ResultScore}分`:`+${ess.ResultScore}分`}}

                                                                                </div>
                                                                            </div>

                                                                        </div>




                                                                        <div style="flex: 1; border-right: 1px solid #333; position: relative; display: flex; align-items: center; justify-content: center; padding: 0 4px; padding-bottom: 20px; box-sizing: border-box; box-sizing: border-box ">
                                                                            {{ess.ResultRemark}}
                                                                        </div>


                                                                        <div v-if="PerformanceResultDetailParams.urlParams.value.did==20" style=" width: 200px; height: 100%; padding-bottom: 20px; box-sizing: border-box; border-right: 1px solid #333; position: relative; display: flex; align-items: center; justify-content: center; padding: 0 4px; padding-bottom: 20px; box-sizing: border-box; ">
                                                                            <div style=" flex: 1; height: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; padding: 0 4px; box-sizing: border-box ">
                                                                                {{ess.EvalutionName||'-'}}
                                                                            </div>

                                                                        </div>

                                                                    </div>
                                                                </td>
                                                            </tr>

                                                        </table>
                                                    </template>

                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                                <div id="4444" v-else class="ooo  w-full bg-white">
                                    <div style="border-top: 1px solid #333;  border-left: 1px solid #333; color:#000;">
                                        <table>
                                            <tr style="text-align: center; font-size: 20px; border-bottom: 1px solid #333; border-right: 1px solid #333">
                                                <div :style="{
                                              fontSize: PerformanceResultDetailParams.autoSaveParams.value.size+4 + 'px!important'
                                                         }" style=" text-align: center; border-right: 1px solid #333; padding-bottom: 20px; box-sizing: border-box ">现场工作报表考评明细</div>
                                            </tr>
                                            <tr>
                                                <td style="width:120px;height:100px">无扣分项</td>
                                        </table>
                                    </div>

                                </div>
                            </div>
                            @*<div id="4444" v-else class="ooo  w-full bg-white">
            <div style="border-top: 1px solid #333;  border-left: 1px solid #333; color:#000;">
                <table>
                    <tr style="text-align: center; font-size: 20px; border-bottom: 1px solid #333; border-right: 1px solid #333">
                        <div style="font-size: 26px !important; text-align:center; border-right: 1px solid #333;padding:10px 0;">现场工作报表考评明细</div>
                    </tr>
                    <tr>
                        <td style="width:120px;height:100px">无扣分项</td>
                </table>
            </div>

        </div>*@
                            <div style="width:100%;margin-top:30px;color:#000" :style="{
                                              fontSize: PerformanceResultDetailParams.autoSaveParams.value.size+4 + 'px!important'
                                                         }">
                                <div style=" padding-right:330px;">
                                    <div style="width: 100%; display: flex; justify-content: space-between;">
                                        <div style="min-width:300px">
                                            填报部门:{{PerformanceResultDetailParams.listInfo.value.DepartmentName}}
                                        </div>
                                        <div style="min-width:300px">
                                            填报人:{{`${PerformanceResultDetailParams.listInfo.value.UserName}`}}
                                        </div>
                                        <div v-if="ti==0" style="width:300px">通用自评总分:{{PerformanceResultDetailParams.Idealmark(PerformanceResultDetailParams.listInfo.value.SelfTotalScore-PerformanceResultDetailParams.totals.value+PerformanceResultDetailParams.totala.value,PerformanceResultDetailParams.listInfo.value.SelfTotalScore,false)  }}分</div>
                                        <div v-else style="width:300px;color:transparent"> 部门:{{PerformanceResultDetailParams.listInfo.value.DepartmentName}}</div>



                                    </div>
                                    <div style="width: 100%; display: flex; justify-content: space-between;margin-top:20px">

                                        <div v-if="PerformanceResultDetailParams.urlParams.value.did==20" style="width:100%">考评人:{{PerformanceResultDetailParams.listInfo.value.EvalutionUserList||"-"}}</div>

                                    </div>

                                    <div style="width: 100%; display: flex; justify-content: space-between;margin-top:20px">

                                        <div style="min-width:300px">考评总分:{{ PerformanceResultDetailParams.totalAmount.value}}分</div>
                                    </div>
                                    <div style="min-width:300px;color:transparent"></div>
                                    <div style="min-width:300px;color:transparent"></div>
                                </div>





                            </div>
                            <div ref="test"></div>
                            <div style="height:200px"></div>
                        </div>































                            <a-card class="mt-10" v-for="(te,ti) in PerformanceResultDetailParams.lists.value">
                                <template #title>
                                    <div class="w-full flex justify-between items-center">
                                        <div class="flex items-center">
                                            <div>
                                                {{te.TypeName}}考评明细
                                            </div>
                                        </div>


                                    </div>



                                </template>





                                <div class="ooo  w-full my-0 bg-white overflow-scroll">
                                    <div v-if="te.NodeList.length!=0" style="border-top: 1px solid #333;  border-left: 1px solid #333">
                                        <table v-for="(e,i) in te.NodeList">
                                            <tr v-if="i==0">
                                                <td style="width:120px">一级指标</td>
                                                <td>
                                                    <table style="border:0px solid red">
                                                        <tr style="border:0px solid red">
                                                            <td class="w-[50px] h-[38px]">二级指标</td>
                                                            <td class="w-[500px] h-[38px]">
                                                                <div class="flex" style="height:100%">

                                                                    <div style="height: 100%; width:80px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">计算方式</div>

                                                                    <div style="height: 100%; width: 120px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">考评加分/扣分</div>
                                                                    <div style="height: 100%; flex: 1; display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">考评情况/资料说明</div>
                                                                    <div v-if="PerformanceResultDetailParams.urlParams.value.did==20" style="height: 100%; width: 120px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">考评人</div>
                                                                </div>
                                                            </td>

                                                        </tr>
                                                    </table>

                                                </td>

                                            </tr>
                                            <tr v-for="(es,ei) in e.NodeList">

                                                <td class="w-[120px]" v-if="ei==0" :rowspan="e.NodeList.length">{{e.No}}.{{e.CategoryName}} {{e.Score==0?null:`(${e.Score}分)`}}</td>
                                                <td class="calc(100% - 35px)">
                                                    <template v-if='es.NodeList&&es.NodeList.length!=0'>
                                                        <table>
                                                            <tr v-for="(ess,iss) in es.NodeList">
                                                                <td class="w-[50px] h-[118px]" v-if="iss==0" :rowspan="es.NodeList.length">{{es.No}}.{{es.SubcategoryName}}{{es.Score==0?null:`(${es.Score}分)`}}</td>
                                                                <td class="w-[500px] h-[148px]">
                                                                    <div class="flex" style="height: 100%;">

                                                                        <div style=" width: 80px; border-right: 1px solid #333; display: flex; align-items: center; justify-content: center; padding: 0 4px; box-sizing: border-box " :style="{color:ess.ResultScore!==0?'red':'black',fontWeight:'600'}">{{ess.CalcType==0?'扣分':'加分'}}</div>



                                                                        <div v-on:mouseenter="PerformanceResultDetailParams.iichange(ti)" v-on:mouseleave="PerformanceResultDetailParams.iichange(ti)" style=" width: 120px; border-right: 1px solid #333; position: relative; display: flex; align-items: center; justify-content: center; padding: 0 4px; box-sizing: border-box ">
                                                                            <div style=" flex:1;overflow: hidden; display: flex; align-items: center; justify-content: center; padding: 0 4px; box-sizing: border-box ">
                                                                                <div style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;left:0">
                                                                                    <a-input-number :disabled="PerformanceResultDetailParams.urlParams.value.isEdit==0" v-model:value="ess.ResultScore" v-on:change="PerformanceResultDetailParams.ichange($event,ess)" :min="0" :max="100" :formatter="value => `${value}分`" :parser="value => value.replace('分', '')"></a-input-number>

                                                                                </div>
                                                                            </div>

                                                                        </div>
                                                                        <div v-on:mouseenter="PerformanceResultDetailParams.iichange(ti)" v-on:mouseleave="PerformanceResultDetailParams.iichange(ti)" style="flex: 1; border-right: 1px solid #333; position:relative; display: flex; align-items: center; justify-content: center; padding:0 4px; box-sizing: border-box ">
                                                                            <div style=" width: 100%; display: flex; flex-direction: column; padding: 6px 2px; box-sizing: border-box; display: flex; align-items: center; box-sizing: border-box ">


                                                                                <a-popover title="考评情况/资料说明" trigger="hover">
                                                                                    <template #content>
                                                                                        <p style="width:1000px">{{ess.ResultRemark||'-'}}</p>

                                                                                    </template>
                                                                                    <a-textarea style="width:90%;height:70px" v-on:change="PerformanceResultDetailParams.tChange(ess)" :readonly="PerformanceResultDetailParams.urlParams.value.isEdit==0" placeholder="" v-model:value="ess.ResultRemark"></a-textarea>
                                                                                </a-popover>


                                                                                <div style=" display:flex;align-items:center;">
                                                                                    <a-upload :show-upload-list="false" v-model:file-list="ess.ResultItemFileList"
                                                                                              v-on:change="PerformanceResultDetailParams.handleChange($event,ess)">
                                                                                        <a-space>

                                                                                            <a-button style="margin-top:8px" v-if="PerformanceResultDetailParams.urlParams.value.isEdit==1" v-on:click="PerformanceResultDetailParams.upload(ti,i,ei,iss,ess)" type="primary">上传</a-button>

                                                                                        </a-space>

                                                                                    </a-upload>
                                                                                    <a-button v-on:click="PerformanceResultDetailParams.handleFile1(ti,i,ei,iss,ess)" style="margin-top:8px;margin-left:4px" type="primary">查看<span v-if="ess.ResultItemFileList&&ess.ResultItemFileList.length!=0">({{ess.ResultItemFileList&&ess.ResultItemFileList.length}})</span> </a-button>

                                                                                </div>


                                                                            </div>
                                                                        </div>


                                                                        <div v-if="PerformanceResultDetailParams.urlParams.value.did==20" style=" width: 120px; border-right: 1px solid #333; position: relative; display: flex; align-items: center; justify-content: center; padding: 0 4px; box-sizing: border-box ">
                                                                            <div style=" flex: 1; overflow: hidden;  display: flex; align-items: center; justify-content: center; padding: 0 4px; box-sizing: border-box ">
                                                                                {{ess.EvalutionName||'-'}}
                                                                            </div>

                                                                        </div>

                                                                    </div>
                                                                </td>
                                                            </tr>

                                                        </table>
                                                    </template>

                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                    <div style="font-size:20px;text-align:center" v-else>
                                        无扣分项
                                    </div>
                                </div>

                                <div :style="{
                                 borderTop:ti==0?'0px solid #e6e6e6':'2px solid #e6e6e6' ,
                                 marginTop:'20px'
                                 }" class="w-full h-[56px] items-center flex justify-end">

                                    <div class="mr-[70px] text-[16px] font-weight-bold flex items-center">扣分系数：<span style="font-size: 25px; font-weight: bold; color: #FF5E13; ">{{PerformanceResultDetailParams.ScoreRate.value}}</span></div>

                                    <div class="mr-[70px] text-[16px] font-weight-bold flex items-center">{{PerformanceResultDetailParams.dict.value[ti]}}扣分：<span style="font-size: 25px; font-weight: bold; color: #FF5E13; ">{{te.totals}}</span><div style="margin-left:6px"> 分</div></div>

                                    <div class="mr-[70px] text-[16px] font-weight-bold flex items-center">乘系数后扣分：<span style="font-size: 25px; font-weight: bold; color: #FF5E13; ">{{Number((te.totals*PerformanceResultDetailParams.ScoreRate.value).toFixed(2)) }}</span><div style="margin-left:6px"> 分</div></div>

                                    <div class="mr-[70px] text-[16px] font-weight-bold flex items-center">
                                        {{PerformanceResultDetailParams.dict.value[ti]}}加分：<span style="font-size: 25px; font-weight: bold; color: #FF5E13; " class="font-size: 25px;font-weight: bold;">{{te.totala}}</span> <div style="margin-left:6px"> 分</div>
                                    </div>

                                    <div class="mr-[70px] text-[16px] font-weight-bold flex items-center">{{PerformanceResultDetailParams.dict.value[ti]}}总分：<span style="font-size: 25px; font-weight: bold; color: #FF5E13; ">{{PerformanceResultDetailParams.Idealmark(te.TotalScore-(te.totals*PerformanceResultDetailParams.ScoreRate.value-te.totala),te.TotalScore) }}</span><div style="margin-left:6px"> 分</div></div>

                                </div>


                            </a-card>


                        </a-collapse-panel>
                        <a-collapse-panel key="1" header="考评总分" style="background: #0064e5;color:#fff">

                            <div style="margin-top:20px;" class="w-full h-[56px] items-center flex justify-end">

                                <div class="mr-[70px] text-[16px] font-weight-bold flex items-center">考评总分：<span style="font-size: 25px; font-weight: bold; color: #FF5E13; ">{{PerformanceResultDetailParams.listInfo.value.TotalScore}}</span><div style="margin-left:6px"> 分</div>(百分制)</div>
                            </div>

                        </a-collapse-panel>



                    </a-collapse>
                </div>


                <m-bottom-btns></m-bottom-btns>


            </header>
        </a-config-provider>
    </a-style-provider>

</div>

@section Js{
    <script src="~/bussiness/js/base/tailwind.js"></script>
    <script src="~/bussiness/js/pg/Performance/html2canvas.js"></script>
    <script type="module">
        import Composition from '../../bussiness/js/pg/Performance/resultDetail.js?v=@DateTime.Now.ToString("yyyyMMddHHmm")'
        import localeValues from '../../Bussiness/js/base/es/locale/zh_CN.js'
        singalApp('PerformanceResultDetail', Composition, localeValues)
    </script>

}



